<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

	</head>
	<link rel="stylesheet" href="/../css/bootstrap.min.css" />
	<link rel="stylesheet" href="/../css/index.css" />
	<link rel="stylesheet" href="/../layui/css/layui.css" />

	<body>
		<div class="index">
			<div class="index-top">
				<img src="/../images/banner.png" alt="顶部图">
			</div>
			<div class="index-plane">
				<img src="/../images/plane.png" alt="飞机">
			</div>
			<div id="main" style="width: 80%;height:250px;margin-left: 10%;margin-top: 80px;"></div>
			<div class="index-price">
				<p class="loan-price"></p>
				<p>预估贷款额度(万元)</p>

			</div>

			<div class="index-center">
				<div class="input-group" id="input-group">
					<div class="index-ident">

						<label>
                                     <img src="/../images/index-icon.png" alt="" class="identi-img">
                                     <span class="index-span">身份特征:</span>
                                     
                            </label>

						<select class="form-inline  ident-select" onchange="onChange()">
							<option>请选择</option>
							<option>公务员</option>
							<option>自由职业</option>
							<option>企业主</option>
							<option>个体户</option>
							<option>上班族</option>
						</select>

					</div>

				</div>
				<!-- /input-group -->
				<div class="input-group" id="input-group">
					<div class="index-ident">

						<label>
                                     <img src="/../images/index-icon.png" alt="" class="identi-img1">
                                     <span class="index-span" style="letter-spacing: 6px;">月收入:</span>
                                     
                            </label>

						<select class="form-inline  ident-select1" onchange="onChange()">
							<option>请选择</option>
							<option>低于2000</option>
							<option>2000~3000</option>
							<option>3000~6000</option>
							<option>6000~9000</option>
							<option>9000~12000</option>
							<option>12000以上</option>
						</select>
					</div>

				</div>
				<!-- /input-group -->
				<!-- /input-group -->
				<div class="input-group">
					<div class="index-ident  form-inline" style="display: flex;">

						<label>
                                      <img src="/../images/index-icon.png" class="horse-img" alt="">
                                     <span class="index-span" style="letter-spacing: 1.8px;">有无房产:</span>
                                     
                            </label>
						<div class="index-div house" id="index-switch" onclick="onChangeHouse($('.horse-img'))">
							<div class="input_radio">
								<input id="item1" type="radio" name="house" value="有">
								<label for="item1" style="margin-left: 20px;">有</label>
							</div>
							<div class="input_radio" style="margin-left: 80px;">
								<input id="item2" type="radio" name="house" value="无">
								<label for="item2">无</label>
							</div>
						</div>

					</div>

				</div>
				<!-- /input-group -->
				<!--<!-- /input-group -->
				<div class="input-group">
					<div class="index-ident  form-inline" style="display: flex;">

						<label>
                                     <img src="/../images/index-icon.png" alt="" class="car-img">
                                     <span class="index-span" style="letter-spacing: 1.8px;">有无车产:</span>
                                     
                            </label>
						<div class="index-div car" id="index-switch" onclick="onChangeHouse($('.car-img'))">
							<div class="input_radio">
								<input id="item3" type="radio" name="car" value="有">
								<label for="item3" style="margin-left: 20px;">有</label>
							</div>
							<div class="input_radio" style="margin-left: 80px;">
								<input id="item4" type="radio" name="car" value="无">
								<label for="item4">无</label>
							</div>
						</div>

					</div>

				</div>
				<!--/input-group-->
				<!-- /input-group -->
				<div class="input-group">
					<div class="index-ident  form-inline" style="display: flex;">

						<label>
                                     <img src="/../images/index-icon.png" alt="" class="gong-img">
                                     <span class="index-span" style="letter-spacing: 0px;">有无公积金:</span>
                                     
                            </label>
						<div class="index-div gong" id="index-switch" onclick="onChangeHouse($('.gong-img'))">
							<div class="input_radio">
								<input id="item5" type="radio" name="item5" value="有">
								<label for="item5" style="margin-left: 15px;">有</label>
							</div>
							<div class="input_radio" style="margin-left: 80px;">
								<input id="item6" type="radio" name="item5" value="无">
								<label for="item6" style="margin-left: 12px;">无</label>
							</div>
						</div>

					</div>

				</div>
				<!-- /input-group -->
				<div class="index-sure">下一步</div>
			</div>
		</div>
		<script type="text/javascript" src="/../js/echarts.js"></script>
		<script type="text/javascript" src="/../js/jquery.min.js"></script>
		<script src="/../js/bootstrap.min.js">
		</script>
		<script src="/../js/index.js"></script>
		<script src="/../layui/layui.js">
		</script>
		<script>
			//layui弹框
			layui.use('layer', function() {
				var layer = layui.layer;

				//				layer.msg('hello');
			});
		</script>

	</body>

</html>